<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>img</title>
</head>
<body>
<p ><img src="./imgs/hot-1.png">三星手机3999元</p>
<hr>
<p ><img src="./imgs/hot-2.png">华硕电脑7999元</p>
<hr>
<p ><img src="./imgs/hot-3.png">外星人电脑12999元</p>
<hr>
<img src="./imgs/img.png" alt="浏览器不支持，请升级" usemap="#imgs">
<map name="imgs" id="imgs">
    <area shape="circle" coords="180,139,14"  href="https://www.baidu.com" alt="火星" target ="_blank"/>
    <area shape="circle" coords="130,161,8"  href="https://www.baidu.com" alt="水星" target ="_blank"/>
    <area shape="circle" coords="0,0,110,260"  href="www.ubfgho.com" alt="金星" target ="_blank"/>
</map>
</body>
</html>